<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/cart.css">
    <script src="./js/libs/jquery.js"></script>
    <script src="./js/libs/jquery.cookie.min.js"></script>
    <script src="./js/cart.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.js"></script>
</head>

<body>
    <header>
        <div class="h-content main clearFix">
            <div class="h-left fl">
                <span class="welcome">欢迎来到丝芙兰</span>
                <a href="" class="uname">请登录</a>
                <em>|</em>
                <a href="" class="break">免费注册</a>
                <a href="" class="hide">手机验证码登录</a>
            </div>
            <div class="rolling fl">丝芙兰配送公告</div>
            <ul class="h-right fr">
                <li><span></span><a href="">我的丝芙兰</a></li>
                <li><span class="vip-club"></span><a href="">会员俱乐部</a></li>
                <li><span class="mobile-sephora"></span><a href="">手机丝芙兰</a></li>
                <li><a href="">帮助中心</a></li>
            </ul>
        </div>
    </header>
    <section>
        <div class="s-header">
            <div class="s-headercon main">
                <div class="s-headercon-l fl">
                    <a href="">
                        <img src="./image/sep_top_Logo.png" alt="">
                    </a>
                </div>
                <div class="s-headercon-r fr">
                    <div class="s-headercon-r-con ">
                        <div class="s-headercon-r-con-1">
                            <em></em>
                        </div>
                        <div class="s-headercon-r-con-2">
                            <em></em>
                        </div>
                        <div class="s-headercon-r-con-3">
                            <em></em>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tip">
            <div class="tip-content main">
                您的购物车清单如含近效期产品，该近效期产品不支持7天无理由退货，近效期产品为页面有特别标示有效期信息的产品。
            </div>
        </div>

        <div class="cart">
            <div class="cartcontent main">
                <table class="carttab main">
                    <thead>
                        <tr class="cartitle">
                            <th class="checkAll"><input type="checkbox"></th>
                            <th class="checktxt">全选</th>
                            <th class="msg">商品信息</th>
                            <th class="price">单价(元)</th>
                            <th class="goodsnum">数量</th>
                            <th class="total">小计(元)</th>
                            <th class="move">操作</th>
                        </tr>
                    </thead>
                    <tbody class="tabbody">

                    </tbody>
                </table>
            </div>
            <div class="checkoutSubmit main clearFix">
                <div class="submit-left">
                    <input type="checkbox" class="fl">
                    <p class="remove clearFix fl">
                        <span class="fl">全选</span>
                        <span class="alldel fl">批量删除</span>
                        <span class="split fl">|</span>
                    </p>
                    <p class="clearFix telandser fl"><span class="fl">联系客服</span><span class="fr tel"><img src="./image/checkout-submit-phone.png" alt=""></span></p>
                </div>
                <div class="submit-right fr">
                    <ul class="fl">
                        <li>
                            <span>已选<em class="checknum">0</em>件商品,</span>
                            <span>合计: <em class="sum">¥0</em></span>
                        </li>
                        <li>
                            <span>商品总额: <em class="totalmoney">￥0.00</em></span>
                        </li>
                    </ul>
                    <div class="settlement" style="background-color: rgb(238, 0, 0);">立即结算</div>
                </div>
            </div>
        </div>



        <script src="./js/guessyoulike.js"></script>
        <div class="guessyoulike">
            <div class="guesscontent main">
                <div class="guesscontent-title clearFix">
                    <h1 class="tit-left fl"></h1>
                    <div class="tit-right fr">
                        <span class="left-arrow current"> &#60; </span>
                        <span class="right-arrow"> &#62; </span>
                    </div>
                </div>
                <div class="guesscontent-body">
                    <ul class="guesscontent-body-content clearFix">
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_06346_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image//1_n_06817_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_06991_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_07790_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10000_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10362_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_06978_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09245_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09253_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09253_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09426_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09512_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_09585_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10005_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10137_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10204_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10137_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10000_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10005_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                        <li class="guessli">
                            <div><a href=""><img src="./image/1_n_10231_280x280.jpg" alt=""></a></div>
                            <p class="goodsname">GUCCI</p>
                            <p><a href="">古驰花悦女士香水</a></p>
                            <p class="goodsprice">￥1300.00</p>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

    </section>



    <footer class="footer">
        <div class="info main">
            <div class="info-content clearFix">
                <div class="footer-info-ico">
                    <em class="ico-1"></em>
                    <span class="ico-cn">顺丰EMS速达</span>
                    <span class="info-split"></span>
                </div>

                <div class="footer-info-ico">
                    <em class="ico-2"></em>
                    <span class="ico-cn">丰富礼赠</span>
                    <span class="info-split"></span>
                </div>
                <div class="footer-info-ico">
                    <em class="ico-3"></em>
                    <span class="ico-cn">100%官方正品</span>
                    <span class="info-split"></span>
                </div>
                <div class="footer-info-ico">
                    <em class="ico-4"></em>
                    <span class="ico-cn">无障碍退款</span>
                    <span class="info-split"></span>
                </div>
                <div class="footer-info-ico">
                    <em class="ico-5"></em>
                    <span class="ico-cn">安全支付</span>
                </div>
            </div>
        </div>
        <div class="map main">
            <div class="map-content">
                <dl>
                    <dt><a href="">购物流程</a></dt>
                    <dd><a href="">大宗采购/团购</a></dd>
                    <dd><a href="">丝芙兰预付卡章程</a></dd>
                </dl>
                <dl>
                    <dt><a href="">支付/配送</a></dt>
                    <dd><a href="">在线支付</a></dd>
                    <dd><a href="">配送时间</a></dd>
                </dl>
                <dl>
                    <dt><a href="">售后服务</a></dt>
                    <dd><a href="">退换货规定</a></dd>
                    <dd><a href="">退换及退款说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="">关于丝芙兰</a></dt>
                    <dd><a href="">公司介绍</a></dd>
                    <dd><a href="">联系我们</a></dd>
                    <dd style="cursor: pointer;"><a href="">隐私政策</a></dd>
                </dl>
                <dl>
                    <dt><a href="">网上订购咨询热线 : 400 6700055</a></dt>
                </dl>
            </div>
        </div>
        <div class="footerbottom">
            <div class=" f-conten">
                <ul class="f-list">
                    <li>
                        <a href="" class="records">沪公网安备 31010602003121号</a>
                        <a href="">ICP备案序号:沪ICP备05026645号</a>
                        <a href="">食品经营许可证</a>
                        <a href="">网站使用条款</a>
                        <a href="">严正声明</a>
                    </li>
                    <li>
                        本网站隶属于丝芙兰（上海）化妆品销售有限公司
                        <span>
                            <a class="text" href="">企业法人营业执照
                            </a>
                        </span>
                        <a class="text" href="">预付卡信息对接唯一标识 :310101F5201530100309
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </footer>
</body>

</html>